<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<script type="text/javascript">
$(document).ready(function() {
	$("#qry_grid").jqGrid( {
		url : '<c:url value="/cs/search/productList.do"/>',
		mtype : "POST",
		datatype : "json",
		colNames : [ '商品代码', '商品名称', '价格', '重量' ], //
		colModel : [ {
			name : 'product.productId',
			index : 'uuid',
			width : 80,
			key : true
		}, {
			name : 'product.productName',
			index : 'name',
			width : 200
		}, {
			name : 'shelf.shelfPrice',
			index : 'price',
			align:'right',
			formatter:'number',
			width : 80
		}, {
			name : 'product.productWeight',
			index : 'weight',
			width : 60,
			formatter:'number',
			align:'right'
		} ],
		jsonReader : {
			root : "objList",
			cell : "",
			repeatitems : false,
			id : "uuid"
		},
		rowNum : 10,
		rowList : [ 10, 20, 30 ],
		pager : '#qry_pager',
		sortname : 'uuid',
		viewrecords : true,
		sortorder : "asc",
		caption : "搜索结果",
		ondblClickRow : function(rowid, iRow, iCol, e) {
			qry_select();
		}
	});
	$("#qry_gridpager").jqGrid('navGrid', '#qry_pager', {
		edit : false,
		add : false,
		del : false,
		search : false,
		refresh : false
	});
});

function qry_search() {
	var qry_categoryL1 = $("#qry_categoryL1").val();
	var qry_keyword = $("#qry_keyword").val();
	var qry_productId = $("#qry_productId").val();
	$("#qry_grid").jqGrid('setGridParam', {
		postData : {
			"categoryL1" : qry_categoryL1,
			"keyword" : qry_keyword,
			"productId" : qry_productId,
			"page":"${param.page}"
		},
		page : 1
	}).trigger("reloadGrid");
}

function qry_select() {
	var objId = $("#qry_grid").getGridParam('selrow');
	try {
		if (objId) {
			//$("#product_"+qry_target+"_id").val($("#qry_grid").jqGrid('getCell', objId, 'product.productId'));
			//$("#product_"+qry_target+"_name").html($("#qry_grid").jqGrid('getCell', objId, 'product.productName'));
			//$("#product_"+qry_target+"_price").html($("#qry_grid").jqGrid('getCell', objId, 'shelf.shelfPrice'));
			//$("#product_"+qry_target+"_status").html($("#qry_grid").jqGrid('getCell', objId, 'product.isDelete'));
			//$("#product_"+qry_target+"_type").html($("#qry_grid").jqGrid('getCell', objId, 'product.productType'));
			//$("#product_"+qry_target+"_weight").html($("#qry_grid").jqGrid('getCell', objId, 6));
			modifyProduct('add', $("#qry_grid").jqGrid('getCell', objId, 'product.productId'));
			closeDialog();
		} else {
			alert("请选择商品");
		}
	} catch (e) {
		alert(e);
	}
}

</script>
<div id="qry_dialog" title="搜索商品">
<table width="460px">
	<tr>
		<td style="width: 95px;">搜寻关键字</td>
		<td><input name="qry_keyword" type="text" id="qry_keyword" size="15" /></td>
		<td>馆别</td>
		<td><select name="qry_categoryL1" id="qry_categoryL1">
		<option value="">全馆</option>
		<c:forEach var="category" items="${objList}">
		<option value="${category.id}">${category.name}</option></c:forEach></select>
		</td>
	</tr>
	<tr>
		<td style="width: 95px;">商品代码</td>
		<td><input name="qry_productId" type="text" id="qry_productId" size="15" /></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td colspan="4" align="center">
		<div class="f-link"><a href="javascript:void(0);" onclick=qry_search();return false;>搜索</a></div>
		</td>
	</tr>
	<tr>
		<td colspan="4">
		<table id="qry_grid"></table>
		<div id="qry_pager"></div>
		</td>
	</tr>
	<tr>
		<td colspan="4" align="center">
		<div class="f-link"><a href="javascript:void(0);" onclick=qry_select();return false;>选择商品</a></div>
		</td>
	</tr>
</table>
</div>
